iT邦幫忙

2023 iThome 鐵人賽

DAY 7
0
SideProject30

sideproject-簡易網站系列 第 7

Day-7 探索更多html語法&用途

  • 分享至 

  • xImage
  •  

今天在找進階語法的時候看到竟然有**跑馬燈 (MARQUEE)**功能
就拿來融入網頁裡實用一下~
HTML

<div class="center-container">
    <marquee 
        bgcolor = "pink"
        direction="left"
        behavior="ALTERNATE"
        width="500"
        scrollamount="10"
                              >
      
        遊戲本體限時特價 US 9.99$
    </marquee>
    
</div>

CSS

.center-container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  /*height: 100vh;  //设置容器高度占满整个视口 */
}
.center-container marquee {
  color: red; /* 设置文本颜色 */
  font-size: 20px;
  /* 添加其他样式属性,例如 behavior、direction、scrollamount 等 */
}

https://ithelp.ithome.com.tw/upload/images/20230921/201632389lQ0zz2TDp.png


上一篇
Day-6 更改介面&內容並發布到github上
下一篇
Day-8 探索更多html語法&用途-(audio)
系列文
sideproject-簡易網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言